<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
    </div>

    <!--菜单-->
    <div class="row col-md-12 mt20">
        <div class="col-md-2" ng-class="{'col-md-offset-1': !$index}" ng-repeat="data in functionArray">
            <view-cell 
                next="menuTail(url, params)"
                url="{{data.url}}"
                params="{{data.params}}"
                direction="t" 
                img="{{data.img}}" 
                title-cn="{{data.titleCn}}" 
                title-en="{{data.titleEn}}" 
                description="{{data.description}}"></view-cell>
        </div>
    </div>
    <div class="row col-md-12 mt20">
        <div class="col-md-3" ng-repeat="data in systemArray">
            <view-cell 
                next="menuTail(url, params)"
                url="{{data.url}}"
                params="{{data.params}}"
                direction="f" 
                img="{{data.img}}" 
                title-cn="{{data.titleCn}}" 
                title-en="{{data.titleEn}}" 
                description="{{data.description}}"></view-cell>
        </div>
    </div>

</div>

<style type="text/css">
    .mt1 {
        margin-top: 1px;
    }

    .mt2 {
        margin-top: 2px;
    }

    .mt5 {
        margin-top: 5px;
    }

    .mt10 {
        margin-top: 10px;
    }

    .mt15 {
        margin-top: 15px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .mt30 {
        margin-top: 30px;
    }

    .mt40 {
        margin-top: 40px;
    }

    .mt50 {
        margin-top: 50px;
    }

    .mt100 {
        margin-top: 100px;
    }

    .mt150 {
        margin-top: 150px;
    }

    .mt200 {
        margin-top: 200px;
    }

    .title {
        font-size: 35px;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }
</style>